<!-- 
   标题封装组件
  -->
<template>
  <div class="text-title">
    <span></span>
    <h4>{{ titleText }}</h4>
  </div>
</template>

<script>
export default {
  name: "index",
  data() {
    return {};
  },
  props: ["titleText"],
  methods: {},
  mounted() {}
};
</script>
<style scoped lang="scss">
.text-title {
  display: flex;
  align-items: center;
  margin-left: 20px;
  color: #ff7700;
  span {
    float: left;
    background: #ff7700;
    width: 10px;
    height: 40px;
    display: block;
  }
  h4 {
    margin-left: 10px;
    float: left;
    font-size: 30px;
  }
}
</style>
